<div class="row mb-2">
    <div class="col-12">
        <div class="card bg-danger text-white text-center">
            <div class="card-body">
                <div class="row">
                    <div class="col align-self-center">
                        <h1>注意</h1>
                        <p class="size-12 text-muted">
                            这是一个模拟页面，<br />未实现任何交互功能
                        </p>
                    </div>
                    <div class="col-6 align-self-center ps-0">
                        <img src="/img/offergraphics-red.png" alt="" class="mw-100">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12 px-0">
        <div class="list-group list-group-flush bg-none">
            <a class="list-group-item bg-white">
                <div class="row">
                    <div class="col-auto">
                        <div class="avatar avatar-44 coverimg rounded-10"
                            style="background-image: url(&quot;/img/user1.jpeg&quot;);">
                            <img src="/img/user1.jpeg" alt="" style="display: none;">
                        </div>
                    </div>
                    <div class="col align-self-center ps-0">
                        <p class="mb-1"><b>赵又廷</b>、<b>吴彦祖</b> 和 <b>其他 36 个人</b>
                            对你的驾驶行为作出了评价</p>
                        <p class="size-12 text-muted">2 天前</p>
                    </div>
                </div>
            </a>
            <div class="list-group-item bg-light text-center py-2 text-mute">这个月</div>
            <a class="list-group-item bg-white">
                <div class="row">
                    <div class="col-auto">
                        <div class="avatar avatar-44 coverimg rounded-10"
                            style="background-image: url(&quot;/img/user3.jpeg&quot;);">
                            <img src="/img/user3.jpeg" alt="" style="display: none;">
                        </div>
                    </div>
                    <div class="col align-self-center ps-0">
                        <p class="mb-1"><b>谢霆锋</b> 评价了你的驾驶</p>
                        <p class="size-12 text-muted">上周</p>
                    </div>
                </div>
            </a>
            <a class="list-group-item bg-white">
                <div class="row">
                    <div class="col-auto">
                        <div class="avatar avatar-44 coverimg rounded-10"
                            style="background-image: url(&quot;/img/user1.jpeg&quot;);">
                            <img src="/img/user1.jpeg" alt="" style="display: none;">
                        </div>
                    </div>
                    <div class="col align-self-center ps-0">
                        <p class="mb-1"><b>周杰伦</b> 评价了你感兴趣的驾驶人</p>
                        <p class="size-12 text-muted">2 周前</p>
                    </div>
                </div>
            </a>
            <a class="list-group-item">
                <div class="row">
                    <div class="col-auto">
                        <div class="avatar avatar-44 coverimg rounded-10"
                            style="background-image: url(&quot;/img/user2.jpeg&quot;);">
                            <img src="/img/user2.jpeg" alt="" style="display: none;">
                        </div>
                    </div>
                    <div class="col align-self-center ps-0">
                        <p class="mb-1"><b>林俊杰</b> 评价了你的驾驶</p>
                        <p class="size-12 text-muted">2 周前</p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>